/*

This file sets all needed CSS to have nice things to print out
directly from the browser (or say, export as PDF)

Note that if you want to prevent an element from being printed
you can just add the CSS class "d-print-none"

On the contrary, if you want to set an element that will be only
printed, but never displayed, you want use both classes :
"d-none d-print-block"

More info on https://getbootstrap.com/docs/4.0/utilities/display/

*/

@import '../variables';

.container-print {
  width: 210mm;
  background-color: $white;

  .page {
    @media not print {
      margin-top: 3em;
    }
  }

  .heading-main {
    margin-top: 3em;
  }

  .table-parameters,
  .table-result {
    tr,
    td,
    th {
      border: 1px solid $gray-500;
    }

    th {
      padding-top: auto;
      padding-bottom: auto;
      text-align: center;
      vertical-align: middle;
    }
  }

  .table-result {
    table-layout: fixed;

    th {
      padding-top: auto;
      padding-bottom: auto;
      text-align: center;
      vertical-align: middle;
    }

    td {
      padding: 2px 4px;
      text-align: right;
      vertical-align: middle;
    }
  }
}

@media print {
  @page {
    //      top right bottom left
    margin: 20mm 25mm 20mm 35mm;
    background-color: $white;
  }

  .row {
    display: block;
  }
}
